<template>
<div class="">
  <c-header :title="'编辑地址'"></c-header>
  <van-address-edit :area-list="areaList" show-postal show-set-default show-search-result
  :value="addressInfo"
  :search-result="searchResult" @save="onSave" @delete="onDelete" @change-detail="onChangeDetail" />
</div>
</template>

<script>
import areaList from '../../../area.json';
export default {
  data() {
    return {
      areaList,
      addressInfo: {
        "province_list": {
          "420000": "湖北省"
        },
        city_list: {
          "420100": "武汉市"
        },
        county_list: {
          "420115": "江夏区"
        }
      },
      searchResult: []
    }
  },

  methods: {
    onSave() {
      this.$toast('save');
    },
    onDelete() {
      this.$toast('delete');
    },
    onChangeDetail(val) {
      if (val) {
        this.searchResult = [{
          name: '黄龙万科中心',
          address: '杭州市西湖区'
        }];
      } else {
        this.searchResult = [];
      }
    }
  }
}
</script>

<style lang="scss">
</style>
